/* author xiegang 
   2015-12-07
     服务广场详情样式表
 */

/*服务广场图标导入开始*/
.icon_service{
	display: inline-block;
	/*ie 7*/
	*display: inline;
	*zoom:1;
	background:url(../../images/service_v1.png) no-repeat;
	background-position:  0 0;
}
/*服务广场导入结束*/

/*服务内容开始*/
.service_container{
	width: 980px;
	margin: 10px auto;
}

/*左侧服务内容开始*/
.service_container .container_left{
	float: left;
	width:70%;
}
/*预定服务开始*/
.service_reserve .service_photo{
	float: left;
	width: 50%;
	position:relative;
	z-index: 100;
}
.service_reserve .service_introduce{
	float: right;
	width: 50%;
}
.service_introduce ul li{
	padding: 7px 0;
}
.service_introduce ul li.title{
	font-size:16px;
	color:#FF7800;
	padding-top:0px;
}
.service_introduce ul li.label{
	height: 17px;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	white-space: nowrap;/*不换行*/
}
.service_introduce ul li.label span{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-right: 8px;
	cursor: pointer;
}
.service_introduce ul li.label span i{
	display: block;
	float: left;
	font-size:12px;
}
.service_introduce ul li.label span .icon_header{
	background-position:0px -124px;
	width: 19px;
	height: 19px;
}
.service_introduce ul li.label span .icon_footer{
	background:#F2F2F2;
	border:#BABABA 1px solid;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
}
.service_introduce ul li.label span:hover .icon_header,.service_introduce ul li.label span.hover .icon_header{
	background-position:-57px -124px;
}
.service_introduce ul li.label span:hover .icon_footer,.service_introduce ul li.label span.hover .icon_footer{
	border:#FF7800 1px solid;
	border-left: none;
	background:none;
	color:#FF7800;
}
.service_introduce ul li.cost{
	padding: 20px 0;
	background:#F2F2F2;
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 95%;
	padding-left: 5%;
	margin: 10px auto;
}
.service_introduce ul li.cost span{
	font-size:20px;
	color:#FF7800;
	margin: 0 5px;
	font-weight: bold;
}
.service_introduce ul li.time{
	display: inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
}
.service_introduce ul li.time input{
	border:#ededed 1px solid;
	padding: 5px 10px;
	width:180px;
	font-size: 12px;
	margin-left: 3px;
}
.service_introduce ul li.time input:focus{
	border:#ddd 1px solid;
}
.service_introduce ul li.time .icon_down{
	background-position: -1px -25px;
	width: 12px;
	height: 6px;
	position:absolute;
	right: 5px;
	top:20px;
}
.service_introduce ul li.common_li em{
	float: left;
	padding: 5px 0;
}
.service_introduce ul li.common_li span{
	float: left;
	width: 78%;
}
.service_introduce ul li.common_li span i.btn{
	padding: 3px 5px;
	margin: 0 0 5px 3px;
	border:#ededed 1px solid;
}
.service_introduce ul li.common_li span i.hover,.service_introduce ul li.common_li span i:hover{
	border:#FF7800 1px solid;
	color:#FF7800;
}
.service_introduce ul li.time_block span i.none,.service_introduce ul li.time_block span i.none:hover{
	background-color: #eee;
	cursor: no-drop;
	color: #999;
	border:#ededed 1px solid;
}
.service_introduce ul li.time_block span i.oldtime,.service_introduce ul li.time_block span i.oldtime:hover{
	color: #ccc;
}
.service_introduce ul li.handle span{
	border:#FF7800 1px solid;
	padding: 8px 25px;
	margin:0px 10px 0 0;
}
.service_introduce ul li.handle span.subscribe{
	color:#FF7800;
	background:#FFFAF6;
}
.service_introduce ul li.handle span.addcart{
	color:#fff;
	background:#FF7800;
}
.service_introduce ul li.tools{
	margin-top:4px;
	padding: 0px;
}
.service_introduce ul li.tools span{
	display: block;
	float: left;
	padding: 0 18px 0 0;
	margin: 0 18px 0 0;
	border-right:#efefef 1px solid;
	cursor: pointer;
}
.service_introduce ul li.tools span:hover{
	color:#FF7800;
}
.service_introduce ul li.tools span i{
	float: left;
}
.service_introduce ul li.tools span em{
	float: left;
	margin:0 0 0 5px;
}
.service_introduce ul li.tools span .icon_service{
	width: 16px;
	height: 15px;
	position:relative;
	top:1px;
}
.service_introduce ul li.tools span .icon_collect{
	background-position: -1px -39px;
}
.service_introduce ul li.tools span .icon_collected{
	background-position: -60px -152px;
}
/*.service_introduce ul li.share span .icon_share{
	background-position: -17px -36px;
}*/
.service_introduce ul li.tools span .icon_comment{
	background-position: -41px -39px;
}
.service_introduce ul li.tools span.comment em.num{
	color:#FF7800;
}
.service_introduce ul li.tools span .icon_report{
	background-position: -62px -42px;
}
.service_introduce ul li.tools span.report{
	border-right: none;
}
.service_introduce ul li.tools .share .bds_more{
	position:relative;
	margin: 0px;
	right: 2px;
	float: left;
}
/*预定服务结束*/

/*服务详情、评价开始*/
.service_detail{
	margin: 10px auto 0;
}
/*头部开始*/
.service_detail_header{
	background:#F8F8F8;
	border-top:#BEC3C7 1px solid;
}
.service_detail_header ul li{
	float: left;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size:14px;
	position:relative;
	top:-1px;
	border-top:#BEC3C7 1px solid;
	cursor: pointer;
}
.service_detail_header ul li .icon_down{
	position:absolute;
	top:0px;
	left: 45%;
	background-position:-1px -11px;
	width: 12px;
	height: 6px;
	display: none;
}
.service_detail_header ul li em.comments_num{
	color:#FF7800;
}
.service_detail_header ul li.hover,.service_detail_header ul li:hover{
	background:#fff;
	border-top:#FF7800 1px solid;
}
.service_detail_header ul li.hover .icon_down{
	display: block;
}
/*头部结束*/

/*底部开始*/
.service_detail_footer{
	margin: 10px auto;
}
.detail_content{
	font-size: 12px;
	line-height: 25px;
	overflow: hidden;
	padding:10px 0;
}
/*详情、案例测试样式开始*/
.detail_content h2{/*测试样式，可删除*/
	color:#FF7800;
	font-size:14px;
	margin: 0 0 10px 0;
}
.detail_content .center{/*测试样式，可删除*/
	text-align: center;
}
.detail_content img{
	display: block;
	margin: 10px 0;
	max-width: 100%;
}

/*评价内容开始*/

/*左边-评论人头像开始*/
.detail_comment{
	display: none;
}
.detail_comment .comment_none{
	margin:10px auto;
	text-align: center;
}
.detail_comment .comment_list{
	border-bottom: #F2F2F2 2px solid;
	padding-bottom: 20px;
	margin: 20px auto 0;
}
/*左边-评论人头像开始*/
.comment_list .comment_headpic{
	float: left;
	width: 10%;
}
.comment_list .comment_headpic a{
	display: block;
	width: 100%;
}
.comment_list .comment_headpic a img{
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	/*margin: 0px auto;*/
}

/*右边-评论信息开始*/
.comment_list .comment_msg{
	width: 90%;
	float:right;
	text-align: left;
}
.comment_msg .msg_people>ul>li{
	float: left;
	height: 35px;
	line-height: 35px;
	font-size:14px;
}
.comment_msg .msg_people>ul>li.name{
	color:#FF7700;
	font-size: 16px;
}
.comment_msg .msg_people>ul>li.address>em{
	display:inline-block;
	*display: inline;
	*zoom:1;
	margin: 0 8px;
}
.comment_msg .msg_people>ul>li.right{
	float: right;
	margin-left: 10px;
}
.comment_msg .msg_people>ul>li.more{
	position:relative;
	cursor: pointer;
}
.comment_msg .msg_people>ul>li.more .icon_down{
	background-position: -1px -25px;
    height: 6px;
    width: 12px;
}
.comment_msg .msg_people>ul>li.more>ul{
	background: #fff;
	display: none;
	position:absolute;
	top:30px;
	right: 0px;
	z-index: 100;
	width: 300%;
	border:#dedede 1px solid;
	text-align: center;
}
.comment_msg .msg_people>ul>li.more:hover>ul{
	display: block;
}
.comment_msg .msg_people>ul>li.more>ul>li{
	line-height: 30px;
	font-size:12px;
}
.comment_msg .msg_people>ul>li.more>ul>li:hover{
	background:#dedede;
}
.comment_msg .msg_service{
	margin: 10px auto;
}
.comment_msg .msg_service>ul>li{
	float:left;
	margin-right: 5px;
	font-size:14px;
	cursor: pointer;
}
.comment_msg .msg_service>ul>li.title{
	
}
.comment_msg .msg_service>ul>li>.icon_service{
	float: left;
	font-size: 12px;
}
.comment_msg .msg_service>ul>li .icon_header{
	background-position:0px -124px;
	width: 19px;
	height: 19px;
}
.comment_msg .msg_service>ul>li .icon_footer{
	background:#F1F1F1;
	border:#BABABA 1px solid;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
}
.comment_msg .msg_service>ul>li:hover .icon_header,.comment_msg .msg_service>ul>li.hover .icon_header{
	background-position:-57px -124px;
}
.comment_msg .msg_service>ul>li:hover .icon_footer,.comment_msg .msg_service>ul>li.hover .icon_footer{
	border:#ff7800 1px solid;
	border-left: none;
	background:none;
	color:#ff7800;
}
.comment_msg .msg_desc{
	line-height: 22px;
}
.comment_msg .msg_imglist{
	margin: 10px auto;
}
.comment_msg .msg_imglist>ul>li{
	float: left;
	margin: 0 10px 0 0;
}
.comment_msg .msg_imglist>ul>li>img{
	width:120px;
	height: 90px;
	display: block;
	cursor: pointer;
}

/*评价内容结束*/

/*案例开始*/
.detail_case{
	display: none;
}
/*案例结束*/

/*底部结束*/

/*服务详情、评价结束*/

/*左侧服务内容结束*/

/*右侧服务内容开始*/
.service_container .container_right{
	float: right;
	width:25%;
	padding:3% 0%;
	background:#F8F8F8;
}
.people_focus{
	margin: 0px auto;
	text-align: center;
}
.people_focus_main{
	display: inline-block;
	*display:inline;
	*zoom:1;
}
.people_focus .focus_img{
	float: left;
	margin:0 20px 0 0;
}
.people_focus .focus_img a{
	display: block;
	width: 100%;
}
.people_focus .focus_img a img{
	display: block;
	width: 100px;
	height: 100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}
.people_focus .focus_intro{
	float: left;
}
.people_focus .focus_intro span{
	display: block;
	width: 100px;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	word-wrap:break-word;/*换行*/
	white-space: nowrap;/*不换行*/
	text-align: left;
	margin-bottom: 10px;
}
.people_focus .focus_intro span.name{
	color:#323232;
	font-size:16px;
}
.people_focus .focus_intro span.label .icon_service{
	margin-right: 5px;
}
.people_focus .focus_intro span.label .icon_zheng{
	background-position:-2px -65px;
	width: 14px;
	height: 17px;
}
.people_focus .focus_intro span.label .icon_v_member{
	background-position:-31px -66px;
	width: 18px;
	height:15px;
}
.people_focus .focus_intro span.focus_on em{
	color:#fff;
	padding: 5px 15px;
	font-size:14px;
}
.people_focus .focus_intro span.focus_on em.onfocus:hover{
	background:#FC891F!important;
}
.people_intro{
	margin: 10px auto;
}
.people_intro ul li{
	border-top:#C9C9C9 1px dashed;
	padding: 10px 5%;
	line-height: 25px;;
}
.people_intro ul li.label span{
	float: left;
	margin: 3% 8%;
	cursor: pointer;
}
.people_intro ul li.label span i{
	display: block;
	float: left;
	font-size:12px;
}
.people_intro ul li.label span .icon_header{
	background-position:0px -124px;
	width: 19px;
	height: 19px;
}
.people_intro ul li.label span .icon_footer{
	background:#F1F1F1;
	border:#BABABA 1px solid;
	border-left: none;
	height: 17px;
	padding: 0 5px 0 0;
	line-height: 17px;
}
.people_intro ul li.label span:hover .icon_header,.people_intro ul li.label span.hover .icon_header{
	background-position:-30px -124px;
}
.people_intro ul li.label span:hover .icon_footer,.people_intro ul li.label span.hover .icon_footer{
	border:#9EC44A 1px solid;
	border-left: none;
	background:#FFF;
	color:#9EC44A;
}
.people_intro ul li.resfuse h3{
	font-size: 16px;
	margin-bottom: 5px;
}
/*右侧服务内容结束*/

/*服务内容结束*/


/*******超过1440px的大屏下显示效果*******/
@media screen and (min-width:1440px) {
	/*服务内容开始*/
	.service_container{
		width: 1200px;
	}
	
	/*左侧服务内容开始*/
	.service_reserve .service_photo{
		width: 40%;
	}
	.service_reserve .service_introduce{
		width: 60%;
	}
	.service_reserve .service_introduce ul li.tools{
		padding: 10px 0;
	}
	.service_introduce ul li{
		padding: 9px 0;
	}
	.service_introduce ul li.common_li span{
		width: 85%;
	}
	/*右侧人物介绍开始*/
	.people_intro ul li.label span{
		margin: 3%;
	}
}